<template>
    <el-tabs v-model="activeName" type="border-card">
        <el-tab-pane label="全部" name="common">
            <common-area></common-area>
        </el-tab-pane>
        <el-tab-pane label="树型视图" name="tree">
            <area-tree-view></area-tree-view>
        </el-tab-pane>
        <el-tab-pane label="我关注的" name="attention">
            <attention-area></attention-area>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    import CommonArea from './commonArea'
    import AreaTreeView from '@/components/area/AreaTreeView'
    import AttentionArea from './attentionArea'
    import ElTabPane from 'element-ui/packages/tabs/src/tab-pane'

    export default {
        name: 'globalArea',
        components: {
            ElTabPane,
            CommonArea,
            AttentionArea,
            AreaTreeView
        },
        data () {
            return {
                activeName: 'common'
            }
        }
    }
</script>

<style scoped>

</style>
